@charset "utf-8";
/* CSS Document */

body{
	padding:0; margin:0; font:14px Arial, Verdana, Geneva, sans-serif; 
	}

div, p, h1, h2, h3, ul, img{
	padding:0; margin:0;
	}

ul{
	list-style-type:none;
	}

.modal-paragraph-title {
    font-weight: bold;
    color: #ef2f24;
}

h4 {
    font-size: 18px;
}

/*----Content------*/
.main_content{width:100%; margin:0 auto; float:left;clear:both;}
#contentCenter{width:1000px; margin:0 auto; background:url(../images/header.jpg); background-repeat:no-repeat; color:#000000; height:85px; position:relative;}
#contentTop{width:1000px; margin:0 auto; background:url(../images/border_top.jpg); background-repeat:no-repeat; color:#000000; height:77px; position:relative;}
#contentTopSmall{width:1000px; margin:0 auto; background:url(../images/border_topSmall.jpg); background-repeat:no-repeat; color:#000000; height:30px; position:relative;}
#content{width:1000px; margin:0 auto; background:url(../images/border_banner.jpg); background-repeat:no-repeat; color:#000000; height:444px; position:relative;}

#contentMiddle{width:1000px; margin:0 auto; background:url(../images/border_middle.jpg); color:#000000; overflow:hidden; position:relative;}
#contentBottom{width:1000px; margin:0 auto; background:url(../images/border_bottom.jpg); background-repeat:no-repeat; color:#000000; height:70px; position:relative;}

.contentRight{width:208px;  padding:10px 20px 5px 5px; float:right;}
.contentBanner {width:740px; padding:0px; float:left; }
.contentLeft {width:680px; padding:5px 15px 15px 50px; float:left; }
.contentCenter {width:680px; padding:5px 15px 15px 15px; margin:0 auto;}

#content ul.announcement{width:688px; display:block; position:absolute; top:360px; left:13px; padding:0; margin:0; background:none;}
#content ul.announcement li{color:#002d62; font-size:14px;  text-decoration:none; text-indent:0px; padding:0 0 0 15px; margin:0; width:inherit; font-weight:bold;}
#content ul.announcement li a{color:#002d62; font-size:12px;  text-decoration:none; text-indent:0px; padding:0 0 0 0; margin:0; width:inherit; }
#content ul.announcement li a:hover{color:#df1c01; cursor: pointer;}

#content ul.pageNumber{width:101px;position:absolute;top:359px;left:873px;padding:0;margin:0;background:none;}
#content ul.pageNumber li{color:#002d62; font-size:14px;  text-decoration:none; text-indent:0px; padding:0 0 0 15px; margin:0; width:inherit; }
#content ul.pageNumber li a{color:#002d62; font-size:12px;  text-decoration:none; text-indent:0px; padding:0 0 0 0; margin:0; width:inherit; }
#content ul.pageNumber li a:hover{color:#df1c01; }


/*----Login------*/
#loginPan{ height:106px; background-image:url(../images/acct_login.gif); background-repeat:no-repeat; font:12px Arial; color:#000; padding:0px 0px 0px 0px;}
#loginPan ul.forgotPwdRegister{
	width:100%;
	position:absolute;
	top:86px;
	left:786px;
	padding:0;
	margin:0;
	background:none;
}

#loginPan ul.forgotPwdRegister li{color:#ffffff; font-size:12px;  text-decoration:none; text-indent:0px; padding:0 0 0 15px; margin:0; width:inherit; }
#loginPan ul.forgotPwdRegister li a{color:#fff; font-size:12px;  text-decoration:underline; text-indent:0px; padding:0 0 0 0; margin:0; width:inherit; }
#loginPan ul.forgotPwdRegister li a:hover{color:#fff; text-decoration:none;}

#loginPan ul.login{
	width:84px;
	position:absolute;
	top:52px;
	left:830px;
	padding:0;
	margin:0;
	background:none;
}

#loginPan ul.login li{color:#ffffff; font-size:14px;  text-decoration:none; text-indent:0px; padding:0 0 0 15px; margin:0; width:inherit; }
#loginPan ul.login li a{color:#fff; font-size:14px;  text-decoration:underline; text-indent:0px; padding:0 0 0 0; margin:0; width:inherit; }
#loginPan ul.login li a:hover{color:#c60039; }

/*----Login Big------*/
#loginBigMainPan{width:490px; margin:0 auto;clear:both; padding-top:20px;}
#loginBigPan{ height:224px; background-image:url(../images/acct_login02.gif); background-repeat:no-repeat; font:12px Arial; color:#000; padding-top: 60px;}
.btn_login {background-image: url(../images/b_login.png);background-repeat:no-repeat; cursor:pointer; background-position:right; width:64px; height:24px;}
.forgot_pwd {color:#ffffff; font-size:14px; text-decoration:none; background-image:url(../images/arrow03.png); background-repeat:no-repeat; padding-left:10px; background-position:0px 5px;}
.forgot_pwd A{color:#fff; font-size:14px; text-decoration:none; }
.forgot_pwd A:hover{color:#fff; font-size:14px; text-decoration:underline; }

/*----register------*/
#registerBigMainPan{width:490px; margin:0 auto;clear:both; padding-top:20px;}

/*-----Inputs-----*/
input {
	border:solid 1px #ccc;
	padding:3px;
	background:#fff;
	width:180px;
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	border-radius: .3em;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666;
}

input:focus {
	border:solid 1px #ebc77e;
	padding:3px;
	background: #f8f3c7;
	-webkit-transition:background .2s ease-in;
  -moz-transition:background .2s ease-in;
  -o-transition:background .2s ease-in;
  transition:background .2s ease-in;
}

/*--RoundBox--*/
#boxPan{width:1000px; position:relative; margin:0 auto; padding-top:10px;}
#boxPan .data{width:300px; height:260px; padding: 10px 10px 10px 10px; float:left; display:inline-block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border:1px solid #999999; background-color:#FFFFFF; margin-left:7px; margin-right:4px;}
#boxPan .usefulLinks{width:217px; padding:10px 10px 10px 10px; float:left; display:inline-block; margin-left:7px; margin-right:4px;}
.KLCI{ height:50px; background-image:url(../images/KLCI_bg.jpg); background-repeat:no-repeat; font:18px Arial; color:#fff; padding: 0px 5px 0px 5px;}
.KLCI .greenText{color:#cddb2b; padding:15px;}
.KLCI .redText{color:#eb1c24; padding:15px;}
.KLCI .whiteText{color:#fff; font-size:10px; padding-left:25px;}
#boxPan .data h3{width:285px; height:14px; padding:6px; margin:0; font-weight:300; display:block; color:#FFFFFF; background-image:url(../images/titleBar.jpg); font-size:12px;}
#boxPan #dotLine {border-bottom:thin dotted #808285; color:#FF0000; padding:10px;}
.list {color:#59595C; font-size:14px; background-image:url(../images/dot02.gif); background-repeat:no-repeat; padding-left:20px; padding-bottom:5px; background-position:0px 2px;}
.list A{color:#263C86; text-decoration:none;}
.list A:hover{color:#263C86; text-decoration:underline;}

/*--upcoming Event--*/
.eventBox{ height:120px; background-image:url(../images/box_event.jpg); background-repeat:no-repeat; font:12px Arial; color:#000; padding: 5px 5px 5px 15px;}
.eventTitle { font-weight:bold; padding-bottom:2px; border-bottom:thin solid #aba9ac}
.eventList {color:#59595C; font-size:12px; background-image:url(../images/dot02.gif); background-repeat:no-repeat; padding-left:20px; background-position:0px 5px; padding-top:5px;}
.eventList A{color:#263C86; text-decoration:none;}
.eventList A:hover{color:#263C86; text-decoration:underline;}

/*--Text--*/
.txtDelay { color:#253d83; font-size:10px;}
.txtContent { color:#59595C;}
.txtContent A{ color:#263C86; text-decoration:none;}
.txtContent A:hover{ color:#263C86; text-decoration:underline;}
.prodName {color:#263C86; font-size:22px; padding-top:15px;}
.futures {color:#59595C; font-size:14px; background-image:url(../images/arrow04.gif); background-repeat:no-repeat; padding-left:20px; background-position:0px 2px;}
.note {color:#253D84; font-size:12px; background-image:url(../images/i_note.gif); background-repeat:no-repeat; padding-left:30px; background-position:0px 2px;}
.alert {color:#00A1C6; font-weight:bold;}
.time {font-size:12px;}
.telephone {color:#263C86; font-weight: bold;}

/*--after login > User profile Curve Box--*/
.txtProfile{
	color:#FFFFFF; font-size:12px;
}

.roundedcornr_box {
   background: #204881 url(../images/roundedcornr_grad.gif) repeat-x top left;
}
.roundedcornr_top div {
   background: url(../images/roundedcornr_tl.gif) no-repeat top left;
}
.roundedcornr_top {
   background: transparent url(../images/roundedcornr_tr.gif) no-repeat top right;
}
.roundedcornr_bottom div {
   background: url(../images/roundedcornr_bl.gif) no-repeat bottom left;
}
.roundedcornr_bottom {
   background: transparent url(../images/roundedcornr_br.gif) no-repeat bottom right;
}

.roundedcornr_top div, .roundedcornr_top,
.roundedcornr_bottom div, .roundedcornr_bottom {
   width: 100%;
   height: 10px;
   font-size: 1px;
}

.roundedcornr_content { margin: 0 10px;}

/*--products Branch--*/
#prodPan{width:100%; position:relative; margin:0 auto; display:block;clear:both;}
#prodPan #dotLine {border-bottom:thin dotted #808285; }
#prodPan #item{width:130px;padding:5px 5px 15px 5px; float:left; display:inline-block; color:#59595C; padding-top:20px; }
#prodPan #box{width:210px;padding:5px 5px 15px 5px; float:left; display:inline-block; color:#59595C; padding-top:20px; }
#prodPan ul.services {display:block; color:#59595C;}
#prodPan ul.services li{background:url(../images/dot.gif) no-repeat 0 5px ; display:block; padding:0 0 0 14px;}
#prodPan ul.services li span.type{color:#00A2C7; font-weight: bold;}
#prodPan ul.services li A{color:#263C86; text-decoration:none;}
#prodPan ul.services li A:hover{color:#263C86; text-decoration:underline;}

/*--contact Us Branch--*/
.addressPan{width:100%; position:relative; margin:0 auto; display:block;}
.addressPan #title{width:100%; position:relative; margin:0 auto; display:block; color:#00A1C6; border-bottom:thin solid #00A1C6; font-weight:bold; padding-top:30px; padding-bottom:5px;}
.addressPan .branch{width:210px;padding:5px 5px 15px 5px; float:left; display:inline-block; color:#59595C; padding-top:20px;}

/*--knowledge Box--*/
#knowledgePan{width:500px; position:relative; margin:0 auto; display:block; }

/*--events--*/
#eventPan{width:100%; position:relative; margin:0 auto; display:block;clear:both; padding-top:20px;}
#eventPan .date{width:50px; height:73px; padding:5px 5px 15px 5px; float:left; display:inline-block; color:#59595C; background-image:url(../images/date_bg.jpg); background-repeat:no-repeat;}
#eventPan .date .year {font-size:14px; color:#FFF; font-weight:bold;}
#eventPan .date .month {font-size:14px; color:#FFF; font-weight:bold; padding-bottom:10px;}
#eventPan .date .day {font-size:14px; color:#253d84; font-weight:bold;}
#eventPan .desc{width:500px;padding:5px 5px 5px 5px; float:left; display:inline-block; color:#59595C;}
#eventPan .status{width:90px;padding:5px 5px 5px 5px; float:left; display:inline-block; color:#59595C; }

/*--Form--*/
.Form label {float: left;width: 150px;text-align: left;clear: left;margin-right: 15px; color:#59595C; }
.Form select {font-size:12px; }	
.Form fieldset { border: none;}
.Form fieldset > div {padding-bottom: 8px;}
.Form .btn {width:85px; cursor: pointer;}

/*--Event Detail--*/
#eventDetailPan { background-color:#263C86; padding:5px; color:#FFF; height:auto;}
#eventDetailPan #eventTitle {float: left; width: 120px; text-align: left; clear: left;margin-right: 15px; }

/*----Footer------*/
#main_footer{width:100%; margin:0 auto; float:left;clear:both; padding-top:10px;}
#footer{width:1000px; margin:0 auto; color:#000000; font-size:11px;}

/*----Gradient background------*/
.clsGradientBg
{
  background: -webkit-gradient(linear, left top, left bottom, from(#00A1C2), to(#222767));
  background: -moz-linear-gradient(top,  #00A1C2,  #222767);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00A1C2', endColorstr='#222767');
}

.logo
{
  float: left;
  padding-right: 15px;
}

/*---Submenu-----*/
#submenuPan{ height:106px; background-image:url(../images/submenu_bg.gif); background-repeat:no-repeat; font:12px Arial; color:#000; padding:0px 0px 0px 0px;}
#submenuPan ul li{color:#ffffff; font-size:14px; background-image:url(../images/arrow03.png); background-repeat:no-repeat; padding-left:20px; background-position:10px 8px; padding-top:5px;}
#submenuPan ul li a{color:#fff; font-size:14px; text-decoration:none;}
#submenuPan ul li a:hover{color:#fff; text-decoration:underline;}

/*--About Us--*/
#abtUsPan{width:100%; position:relative; margin:0 auto; display:block;clear:both;}
#abtUsPan #dotLine {border-bottom:thin dotted #808285; }
.title {color:#263C86; font-size:22px; padding-top:15px;}
.subTitle {color:#00A1C6; font-weight:bold; font-style:italic;}

/*--researchBox--*/
.researchContainer{
	width:210px;
	background-color:#e7ebee;
	height:350px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.researchDate{
	font-weight:bold;
	font-size:16px;
	margin: 10px 5px 5px 10px;
}

/*--popUp--*/
#popFancyBox{padding:20px;color:#59595C;}
.popTitle{font-size:18px;border-bottom:#666 thin solid;color:#263C86;padding-bottom:5px;}
.popSubtitle{font-size:14px;color:#e32213;font-weight:bold;}
#popFancyBox ul li{background:url(../images/dot02.gif) no-repeat 0 5px ; display:block; padding:0 0 0 14px;}
th{background-color:#e32213; color:#FFF; font-weight:bold; padding:5px;}
.tableRow{ background-color:#fbe3df;padding:5px;}
.tableRowCenter{ background-color:#fbe3df;padding:5px; text-align:center;}

/*----Foreign Login------*/
#loginForeignPan{height:82px; background-image:url(../images/foreign_login.gif); background-repeat:no-repeat; font:12px Arial; color:#000; padding:0px 0px 0px 0px;}

#loginForeignPan ul.login
{
	width:84px;
	position:absolute;
	top:42px;
	left:830px;
	padding:0;
	margin:0;
	background:none;
}

#loginForeignPan ul.login li{color:#ffffff; font-size:14px; text-decoration:none; text-indent:0px; padding:0 0 0 15px; margin:0; width:inherit; }
#loginForeignPan ul.login li a{color:#fff; font-size:14px; text-decoration:underline; text-indent:0px; padding:0 0 0 0; margin:0; width:inherit; }
#loginForeignPan ul.login li a:hover{color:#c60039;}


/**--Added 02/04/2014--**/
/*----newAcc------*/
#newAccPan{ height:117px; background-image:url(../images/newAcct.gif); background-repeat:no-repeat; font:12px Arial; color:#000; padding:0px 0px 0px 0px;}

#newAccPan ul.reg{
	width:84px;
	position:absolute;
	top:41px;
	left:802px;
	padding:0;
	margin:0;
	background:none;
}
#newAccPan ul.reg li{color:#ffffff; font-size:14px;  text-decoration:none; text-indent:0px; padding:0 0 0 15px; margin:0; width:inherit; }
#newAccPan ul.reg li a{color:#fff; font-size:14px;  text-decoration:underline; text-indent:0px; padding:0 0 0 0; margin:0; width:inherit; }
#newAccPan ul.reg li a:hover{color:#c60039; }

/*----existingAcc------*/
#existingAccPan{ height:60px; background-image:url(../images/existingAcct.gif); background-repeat:no-repeat; font:12px Arial; color:#000; padding:0px 0px 0px 0px;}

#existingAccPan ul.login{
	width:218px;
	position:absolute;
	top:41px;
	left:769px;
	padding:0;
	margin:0;
	background:none;
}
#existingAccPan ul.login li{color:#ffffff; font-size:12px;  text-decoration:none; text-indent:0px; padding:0 0 0 15px; margin:0; width:inherit; }
#existingAccPan ul.login li a{color:#fff; font-size:12px;  text-decoration:underline; text-indent:0px; padding:0 0 0 0; margin:0; width:inherit; }
#existingAccPan ul.login li a:hover{color:#c60039; }